<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="description" content="深入计算机辅助药物设计，生信分析等高算力场景提供一站式云端计算分析平台，智能调度云端算力资源，屏蔽底层IT技术细节。">
    <meta name="keywords" content="速石科技,云平台,生信分析,CADD">
    <title>速石科技生信云平台，让生信分析更简单，消除算力瓶颈！</title>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no,address=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="white">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="mobile-web-app-capable" content="yes">
    <!--兼容华为底部按钮看不到-->
    <meta name="x5-fullscreen" content="true">
    <link href="https://cdn.bootcss.com/Swiper/4.5.0/css/swiper.css" rel="stylesheet">
    <link href="../css/base.css" rel="stylesheet">
    <link href="../css/bioplatform.css" rel="stylesheet">
</head>

<body>
    <div id="app">
        <div class="container">
            <div class="header">
                <div class="header-logo"></div>
            </div>

            <div class="banner">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide-1"
                            title="速石生信云平台，让生信分析更简单 平台集高性能计算、数据管理和生物大数据分析于一体 平台集成多个软件工具、标准化分析流程，并可自主定制分析流程 同时采用可视化、便捷化操作，大幅度提升数据分析效率">
                        </div>
                        <div class="button">
                            <button type="button" onclick="more_consultation('注册体验')"></button>
                        </div>
                    </div>
                </div>
            </div>

            <section class="case_box">
                <section class="exhibition">
                    <span title="让您快速上手的速石生信云平台">让您快速上手的速石生信云平台</span>
                </section>
                <div class="case">
                    <div class="item">
                        <div class="img">
                            <img src="../img/bioplatform/banner-2@3x.png">
                        </div>
                    </div>
                    <div class="shadow"></div>
                </div>
            </section>

            <section class="division"></section>

            <section class="advantage_box">
                <section class="exhibition">
                    <span title="速石生物云平台优势">速石生信云平台优势</span>
                </section>
                <div class="advantage">
                    <div class="items">
                        <div class="item active" data-id="1">
                            <div class="icon">
                                <span class="iconfont icon-1">&#xe60d;</span>
                            </div>
                            <div class="title" title="简单易用">简单易用</div>
                            <div class="info" title="可视化操作界面取代命令行，一键开启作业分析，零生信基础也可以快速上手">
                                可视化操作界面取代命令行，一键开启作业分析，零生信基础也可以快速上手
                            </div>
                        </div>

                        <div class="item" data-id="2">
                            <div class="icon">
                                <span class="iconfont icon-2">&#xe60e;</span>
                            </div>
                            <div class="title" title="智能化调度">智能化调度</div>
                            <div class="info" title="适配计算资源和存储资源，达到物尽其用的效果">适配计算资源和存储资源，达到物尽其用的效果</div>
                        </div>

                        <div class="item" data-id="3">
                            <div class="icon">
                                <span class="iconfont icon-3">&#xe60f;</span>
                            </div>
                            <div class="title" title="资源无限扩展">资源无限扩展</div>
                            <div class="info" title="计算资源弹性拓展，速调配计算资源，并采用最优配置进行计算">计算资源弹性拓展，速调配计算资源，并采用最优配置进行计算</div>
                        </div>

                        <div class="item" data-id="4">
                            <div class="icon">
                                <span class="iconfont icon-4">&#xe610;</span>
                            </div>
                            <div class="title" title="全面安全保障">全面安全保障</div>
                            <div class="info" title="多层次安全防护，数据多重备份，保障数据的完整性">多层次安全防护，数据多重备份，保障数据的完整性</div>
                        </div>

                        <div class="item" data-id="5">
                            <div class="icon">
                                <span class="iconfont icon-5">&#xe611;</span>
                            </div>
                            <div class="title" title="降低运维成本">降低运维成本</div>
                            <div class="info" title="资源按需计费，弹性扩展，避免了自建机房的大量资金投入和管理成本">资源按需计费，弹性扩展，避免了自建机房的大量资金投入和管理成本
                            </div>
                        </div>

                        <div class="item" data-id="6">
                            <div class="icon">
                                <span class="iconfont icon-6">&#xe612;</span>
                            </div>
                            <div class="title" title="智能化调度">数据可视化</div>
                            <div class="info" title="无需学习编程语言，科研工作者按照自己的实际需求，自主进行数据分析">无需学习编程语言，科研工作者按照自己的实际需求，自主进行数据分析
                            </div>
                        </div>
                    </div>
                    <div class="button">
                        <button type="button" onclick="more_consultation('免费试用')">免费试用</button>
                    </div>
                </div>
            </section>

            <section class="division"></section>

            <section class="host_service_box">
                <section class="exhibition">
                    <span title="用户群体">用户群体</span>
                </section>
                <div class="host_service">
                    <div class="left"></div>
                    <div class="right">
                        <div class="items">
                            <div class="item active" data-id="1">测序公司</div>
                            <div class="item" data-id="2">科研机构</div>
                            <div class="item" data-id="3">大型药厂</div>
                            <div class="item" data-id="4">临床检验所</div>
                            <div class="item" data-id="5">育种公司</div>
                            <div class="item" data-id="6">个人</div>
                        </div>
                    </div>
                </div>
                <div class="more" onclick="more_consultation('马上注册账号')">
                    马上注册账号 →
                </div>
            </section>

            <section class="information_box">
                <div class="title" title="领先的生物医药数据深度解析云计算平台">领先的生物医药数据深度解析云计算平台</div>
                <div class="remarks">速石科技让您摆脱繁复枯燥的生信分析工作</div>
                <div class="remarks">更加聚焦自己的业务本身</div>
                <div class="button" title="免费获得专家咨询与技术支持">
                    <span onclick="more_consultation('限时免费体验')">限时免费体验</span>
                </div>
            </section>

            <section class="applications_box">
                <section class="exhibition">
                    <span title="已接入平台的应用">已接入平台的应用</span>
                </section>
                <div class="applications">
                    <div class="applications_swiper">
                        <div class="swiper-container">
                            <div class="applications_swiper_in_container">
                                <div class="swiper-wrapper">

                                    <div class="swiper-slide">
                                        <div class="applications_swiper_item">
                                            <div class="img">
                                                <img src="../img/bioplatform/LS_DYNA@3x.png">
                                            </div>
                                            <div class="info" title="FastQC">FastQC</div>
                                        </div>
                                    </div>


                                    <div class="swiper-slide">
                                        <div class="applications_swiper_item">
                                            <div class="img">
                                                <img src="../img/bioplatform/BWA@3x.png">
                                            </div>
                                            <div class="info" title="BWA">BWA</div>
                                        </div>
                                    </div>

                                    <div class="swiper-slide">
                                        <div class="applications_swiper_item">
                                            <div class="img">
                                                <img src="../img/bioplatform/Samtools@3x.png">
                                            </div>
                                            <div class="info" title="Samtools">Samtools</div>
                                        </div>
                                    </div>

                                    <div class="swiper-slide">
                                        <div class="applications_swiper_item">
                                            <div class="img">
                                                <img src="../img/bioplatform/GATK@3x.png">
                                            </div>
                                            <div class="info" title="GATK">GATK</div>
                                        </div>
                                    </div>

                                    <div class="swiper-slide">
                                        <div class="applications_swiper_item">
                                            <div class="img">
                                                <img src="../img/bioplatform/Annovar@3x.png">
                                            </div>
                                            <div class="info" title="Annovar">Annovar</div>
                                        </div>
                                    </div>


                                    <div class="swiper-slide">
                                        <div class="applications_swiper_item">
                                            <div class="img">
                                                <img src="../img/bioplatform/BCFtools@3x.png">
                                            </div>
                                            <div class="info" title="BCFtools">BCFtools</div>
                                        </div>
                                    </div>

                                    <div class="swiper-slide">
                                        <div class="applications_swiper_item">
                                            <div class="img">
                                                <img src="../img/bioplatform/NetMHC@3x.png">
                                            </div>
                                            <div class="info" title="NetMHC">NetMHC</div>
                                        </div>
                                    </div>

                                    <div class="swiper-slide">
                                        <div class="applications_swiper_item">
                                            <div class="img">
                                                <img src="../img/bioplatform/GROMACS@3x.png">
                                            </div>
                                            <div class="info" title="GROMACS">GROMACS</div>
                                        </div>
                                    </div>

                                    <div class="swiper-slide more">
                                        <div class="applications_swiper_item">
                                            <div class="img" onclick="more_consultation('更多应用')">
                                                <img src="../img/life/more@3x.png">
                                            </div>
                                            <div class="info" title="更多应用...">更多应用...</div>
                                        </div>
                                    </div>

                                </div>
                                <!--指示器-->
                                <div class="swiper-pagination"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section class="partner_box">
                <section class="exhibition">
                    <span title="合作伙伴">合作伙伴</span>
                </section>
                <div class="partner">
                    <div class="partner_msg">
                        <div class="partner-1"></div>
                        <div class="partner-2"></div>
                        <div class="partner-3"></div>
                        <div class="partner-4"></div>
                        <div class="partner-5"></div>
                        <div class="partner-6"></div>
                        <div class="partner-7"></div>
                        <div class="partner-8"></div>
                    </div>
                </div>
            </section>
            <section class="copyright_box" title="上海速石信息科技有限公司 @2019 FASTONE 沪ICP备18017266号">上海速石信息科技有限公司 @2019 FASTONE
                <a href="http://www.beian.miit.gov.cn/" target="_blank">沪ICP备18017266号</a>
            </section>

            <section class="popup_box">
                <!--白皮书-->
                <div id="white_book">
                    <div class="modals">
                        <div class="modal">
                            <div class="modal-dialog">
                                <div class="modal-top">
                                    <div class="close_box">
                                        <div class="close" onclick="closeAll()"></div>
                                    </div>
                                    <div class="msg" title="速石生信云平台">速石生信云平台</div>
                                    <div class="msg" title="让生信分析更简单">让生信分析更简单</div>
                                </div>
                                <div class="modal-middle">
                                    <div class="title" title="注册速石生物云计算平台">注册速石生物云计算平台</div>
                                    <div class="input">
                                        <img src="../img/bioplatform/ic-name@3x.png">
                                        <input type="text" name="name" placeholder="请输入您的称呼">
                                    </div>
                                    <div class="input">
                                        <img src="../img/bioplatform/ic-1@2x.png">
                                        <input type="text" name="phone" placeholder="请输入您的手机号码">
                                    </div>
                                    <div class="button">
                                        <button type="button" onclick="white_book_submit()">提交</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!--提交-->
                <div id="submit_modals">
                    <div class="modals">
                        <div class="modal">
                            <div class="modal-dialog">
                                <div class="modal-top">
                                    <img src="../img/life/from-ic-success@3x.png">
                                </div>
                                <div class="modal-middle">
                                    <div class="title" title="恭喜您注册成功！">信息已提交成功！</div>
                                    <div class="msg">我们将在1-3个工作日内与您联系！</div>
                                    <div class="button">
                                        <button type="button" title="确定" onclick="closeAll()">确定</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
    <script src="../js/base.js"></script>
    <script src="https://cdn.bootcss.com/jquery/2.0.3/jquery.js"></script>
    <script src="https://cdn.bootcss.com/Swiper/4.5.0/js/swiper.min.js"></script>
    <script src="../js/bioplatform.js"></script>
</body>

</html>
